<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
        />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <link rel="stylesheet" href="index.css" />
        <script src="cld-min.js" type="application/javascript"></script>
        <script src="index.js" type="application/javascript" defer></script>
        <title>OpenAI Translator</title>
        <style>
            html, body {
                margin: 0px;
                padding: 0px;
            }
            body {
                overscroll-behavior: none;
                scrollbar-width: none;
                -ms-overflow-style: none;
            }

            body::-webkit-scrollbar {
                display: none;
            }

            .titlebar {
                height: 30px;
                background: transparent;
                user-select: none;
                display: flex;
                justify-content: flex-end;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 2147483647;
            }
            .titlebar-button {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                width: 30px;
                height: 30px;
            }
            .titlebar-button:hover {
                background: #e9e9e9;
            }
            @media (prefers-color-scheme: dark) {
                body {
                    background: #1f1f1f;
                }
                .titlebar-button:hover {
                    background: #353535;
                }
            }
            [data-baseweb='tooltip'],
            [data-baseweb='toaster'],
            [data-baseweb='modal'],
            [data-baseweb='popover'] {
                z-index: 1000;
            }
        </style>
    </head>
    <body style="position: relative; min-height: 100vh">
        <div id="root"></div>
    </body>
</html>
